<template>
  <section class="nav-box">
    <h2>
      <span>{{ $route.params.cat_name }}</span>
    </h2>
    <nav-buttons></nav-buttons>
  </section>
</template>

<script>
import NavButtons from "./nav-buttons.vue";
export default {
  components: { NavButtons },
};
</script>

<style scoped>
  .nav-box>h2 {
    border-bottom: 2px solid var(--base-color);
    padding-bottom: 15px;
  }

  .nav-box>h2>span {
    display: inline-block;
    font-weight: 700;
    padding: 10px 15px;
    background-color: var(--base-color);
    color: #fff;
  }
</style>